<div class="kmi-list machine-work-list column-selector" column-selector-id="machineWorkList" kmi-scrollbar="1980px" style="height: 100%;">
    <div class="kmi-list__header">
        <!-- 20211217 modify by Alan for#104583 : 刪除last_date與next_date -->
        <div class="kmi-list__column require" style="flex:0 0 28px;"></div>
        <div class="kmi-list__column" style="flex:0 0 32px;"></div>
        <div class="kmi-list__column require" style="flex:0 0 36px;">
            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollbackAll()">
                <img ng-show ="roll_back_all_bool == false" src="image/icons/check0.png" class="">
                <img ng-show ="roll_back_all_bool == true" src="image/icons/check1.png" class="ng-hide">
            </button>
        </div>
        <div class="kmi-list__column" style="flex:0 0 36px;" ng-bind="'A02.list.column19' | translate" ng-show="dispatchedMoreInfoList.length > 0"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.op_no" ng-show="dispatched_show_flag.op_no"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.op_name" ng-show="dispatched_show_flag.op_name"></div>
        <div class="kmi-list__column hide" style="flex:0 0 125px" ng-bind="dispatched_show_label.wo_no" ng-show="dispatched_show_flag.wo_no"></div>
        <div class="kmi-list__column" style="flex:0 0 125px" ng-bind="dispatched_show_label.plot_no" ng-show="dispatched_show_flag.plot_no"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.plot_qty" ng-show="dispatched_show_flag.plot_qty"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.uncheck_in_qty" ng-show="dispatched_show_flag.uncheck_in_qty"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.plot_start_time" ng-show="dispatched_show_flag.plot_start_time"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.plot_end_time" ng-show="dispatched_show_flag.plot_end_time"></div>
        <div class="kmi-list__column" style="flex:0 0 250px;" ng-bind="dispatched_show_label.dis_start_time" ng-show="dispatched_show_flag.dis_start_time"></div>
        <div class="kmi-list__column" style="flex:0 0 250px;" ng-bind="dispatched_show_label.disp_end_time" ng-show="dispatched_show_flag.disp_end_time"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.item_no" ng-show="dispatched_show_flag.item_no"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.item_name" ng-show="dispatched_show_flag.item_name"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.batch_mark" ng-show="dispatched_show_flag.batch_mark"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.item_spec" ng-show="dispatched_show_flag.item_spec"></div>

        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.tc_rate" ng-show="dispatched_show_flag.tc_rate"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.tc_rate_for_all" ng-show="dispatched_show_flag.tc_rate_for_all"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.c_rate_for_all" ng-show="dispatched_show_flag.c_rate_for_all"></div>

        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.mono_date" ng-show="dispatched_show_flag.mono_date"></div>

        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MOplanstartdate" ng-show="dispatched_show_flag.MOplanstartdate"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.CUSTOMERNO" ng-show="dispatched_show_flag.CUSTOMERNO"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.RONO" ng-show="dispatched_show_flag.RONO"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.ITEMNO" ng-show="dispatched_show_flag.ITEMNO"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MOPRIORITY" ng-show="dispatched_show_flag.MOPRIORITY"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MOUNITNO" ng-show="dispatched_show_flag.MOUNITNO"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoDescription" ng-show="dispatched_show_flag.MoDescription"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoSource" ng-show="dispatched_show_flag.MoSource"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.FACTORYNO" ng-show="dispatched_show_flag.FACTORYNO"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.StockInLotNo" ng-show="dispatched_show_flag.StockInLotNo"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.Warehouse_No" ng-show="dispatched_show_flag.Warehouse_No"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.Storage_Spaces_No" ng-show="dispatched_show_flag.Storage_Spaces_No"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.ERPMoLineNo" ng-show="dispatched_show_flag.ERPMoLineNo"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined01" ng-show="dispatched_show_flag.MoUser_Defined01"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined02" ng-show="dispatched_show_flag.MoUser_Defined02"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined03" ng-show="dispatched_show_flag.MoUser_Defined03"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined04" ng-show="dispatched_show_flag.MoUser_Defined04"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined05" ng-show="dispatched_show_flag.MoUser_Defined05"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined11" ng-show="dispatched_show_flag.MoUser_Defined11"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined12" ng-show="dispatched_show_flag.MoUser_Defined12"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined13" ng-show="dispatched_show_flag.MoUser_Defined13"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined21" ng-show="dispatched_show_flag.MoUser_Defined21"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined22" ng-show="dispatched_show_flag.MoUser_Defined22"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined23" ng-show="dispatched_show_flag.MoUser_Defined23"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PRODUCTTYPE" ng-show="dispatched_show_flag.PRODUCTTYPE"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.SpecNo" ng-show="dispatched_show_flag.SpecNo"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.GRAPHNO" ng-show="dispatched_show_flag.GRAPHNO"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdDescription" ng-show="dispatched_show_flag.PrdDescription"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.CartonQty" ng-show="dispatched_show_flag.CartonQty"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PalletQty" ng-show="dispatched_show_flag.PalletQty"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.BoxQty" ng-show="dispatched_show_flag.BoxQty"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.ProductCode" ng-show="dispatched_show_flag.ProductCode"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.SerialTypeNo_LOT" ng-show="dispatched_show_flag.SerialTypeNo_LOT"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.SerialTypeNo_COMP" ng-show="dispatched_show_flag.SerialTypeNo_COMP"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.LOTSTDQty" ng-show="dispatched_show_flag.LOTSTDQty"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined01" ng-show="dispatched_show_flag.PrdUser_Defined01"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined02" ng-show="dispatched_show_flag.PrdUser_Defined02"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined03" ng-show="dispatched_show_flag.PrdUser_Defined03"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined04" ng-show="dispatched_show_flag.PrdUser_Defined04"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined05" ng-show="dispatched_show_flag.PrdUser_Defined05"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined11" ng-show="dispatched_show_flag.PrdUser_Defined11"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined12" ng-show="dispatched_show_flag.PrdUser_Defined12"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined13" ng-show="dispatched_show_flag.PrdUser_Defined13"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined21" ng-show="dispatched_show_flag.PrdUser_Defined21"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined22" ng-show="dispatched_show_flag.PrdUser_Defined22"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined23" ng-show="dispatched_show_flag.PrdUser_Defined23"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.QCCategory" ng-show="dispatched_show_flag.QCCategory"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.ProductPCSNo" ng-show="dispatched_show_flag.ProductPCSNo"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MPQty" ng-show="dispatched_show_flag.MPQty"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.LOTPriority" ng-show="dispatched_show_flag.LOTPriority"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.HotLot" ng-show="dispatched_show_flag.HotLot"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.LOTDescription" ng-show="dispatched_show_flag.LOTDescription"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.LOTplanstartdate" ng-show="dispatched_show_flag.LOTplanstartdate"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PriceType" ng-show="dispatched_show_flag.PriceType"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.BaseProcessNo" ng-show="dispatched_show_flag.BaseProcessNo"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.BaseProcessVersion" ng-show="dispatched_show_flag.BaseProcessVersion"></div>

        <!--
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="'A02.mwlist.column10' | translate"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="'A02.mwlist.column11' | translate"></div>
        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="'A02.mwlist.column12' | translate"></div>
        -->
        <!-- <div class="kmi-list__column require" style="flex:0 0 36px;">
            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollbackAll()">
                <img ng-show ="roll_back_all_bool == false" src="image/icons/check0.png" class="">
                <img ng-show ="roll_back_all_bool == true" src="image/icons/check1.png" class="ng-hide">
            </button>
        </div> -->
    </div>

    <div class="kmi-list__row-content">
        <div>
            <!-- 20211217 modify by Alan for#104583 : 刪除last_date與next_date -->
            <div class="kmi-list__row" ng-repeat="detail in dispatched_detail |filter:dispatchedFilter track by $id(detail)">
                <div class="kmi-list__column" style="flex:0 0 28px;" ng-init="selectMachine.dispatch_size = selectMachine.dispatch_size+1"></div>
                <div class="kmi-list__column" style="flex:0 0 32px;"><div class="kmi-column-light" ng-class="[mwlightColor(detail.states)]"></div></div>
                <div class="kmi-list__column" style="flex:0 0 36px;">
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollback($index,detail);">
                        <img ng-show="detail.checked!='Y'" src="image/icons/check0.png"></img>
                        <img ng-show="detail.checked=='Y'" src="image/icons/check1.png"></img>
                    </button>
                </div>
                <div class="kmi-list__column" style="flex:0 0 36px;" id="{{'detail' + $index}}" ng-mouseenter="showDispatchTips(detail, $event, $index)" ng-mouseleave="hideDispatchTips(detail, $event)" ng-show="dispatchedMoreInfoList.length > 0">
                    <button class="mdl-button mdl-js-button mdl-button--icon"
                            style="width: 24px; background: #1ab7cd; border-radius: 4px;">
                            <img src="image/icons/mould.png"></img>
                        <div class="kmi-can-click"></div>
                    </button>
                </div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.op_no" ng-show="dispatched_show_flag.op_no"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.op_name" ng-show="dispatched_show_flag.op_name"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.wo_no" ng-show="dispatched_show_flag.wo_no"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_no" ng-show="dispatched_show_flag.plot_no"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_qty" ng-show="dispatched_show_flag.plot_qty"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.uncheck_in_qty" ng-show="dispatched_show_flag.uncheck_in_qty"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.tmp_plot_start_time" ng-show="dispatched_show_flag.plot_start_time"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.tmp_plot_end_time" ng-show="dispatched_show_flag.plot_end_time"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 250px;" ng-show="dispatched_show_flag.dis_start_time">
                    <div class="kmi-text-fields" style="padding:4px;">
                        <label ng-bind="detail.dis_start_date"></label>
                        <input readonly="readonly" ng-model="detail.dis_start_time" ng-click="time_open_set($event,detail,detail.dis_start_time,4);" style="max-width:100px;margin: 0em 1em;">
                    </div>
                </div>
                <div class="kmi-list__column column-border" style="flex:0 0 250px;" ng-show="dispatched_show_flag.dis_end_time">
                    <div class="kmi-text-fields" style="padding:4px;">
                        <label ng-bind="detail.dis_end_date"></label>
                        <input readonly="readonly" ng-model="detail.dis_end_time" ng-click="time_open_set($event,detail,detail.dis_end_time,5);" style="max-width:100px;margin: 0em 1em;">
                    </div>
                </div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.item_no" ng-show="dispatched_show_flag.item_no"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.item_name" ng-show="dispatched_show_flag.item_name"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-show="dispatched_show_flag.batch_mark">
                    <div class="kmi-text-fields kmi-tag-fields" ng-show="detail.batch_mark">
                        <div class="kmi-button-content">
                            <div class="kmi-button">
                                <label ng-bind="detail.batch_mark"></label>
                                <i class="material-icons" ng-click="deleteBatchMergeMark(detail);">close</i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.item_spec" ng-show="dispatched_show_flag.item_spec"></div>

                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.tc_rate + '%'" ng-show="dispatched_show_flag.tc_rate"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.tc_rate_for_all + '%'" ng-show="dispatched_show_flag.tc_rate_for_all"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.c_rate_for_all + '%'" ng-show="dispatched_show_flag.c_rate_for_all"></div>
                <!--
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.from_op_no_completed_qty"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.from_op_no_dispatched_qty"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.to_op_no_dispatched_qty"></div>
                -->
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.mono_date" ng-show="dispatched_show_flag.mono_date"></div>

                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOplanstartdate" ng-show="dispatched_show_flag.MOplanstartdate"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.CUSTOMERNO" ng-show="dispatched_show_flag.CUSTOMERNO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.RONO" ng-show="dispatched_show_flag.RONO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ITEMNO" ng-show="dispatched_show_flag.ITEMNO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOPRIORITY" ng-show="dispatched_show_flag.MOPRIORITY"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOUNITNO" ng-show="dispatched_show_flag.MOUNITNO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoDescription" ng-show="dispatched_show_flag.MoDescription"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoSource" ng-show="dispatched_show_flag.MoSource"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.FACTORYNO" ng-show="dispatched_show_flag.FACTORYNO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.StockInLotNo" ng-show="dispatched_show_flag.StockInLotNo"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.Warehouse_No" ng-show="dispatched_show_flag.Warehouse_No"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.Storage_Spaces_No" ng-show="dispatched_show_flag.Storage_Spaces_No"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ERPMoLineNo" ng-show="dispatched_show_flag.ERPMoLineNo"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined01" ng-show="dispatched_show_flag.MoUser_Defined01"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined02" ng-show="dispatched_show_flag.MoUser_Defined02"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined03" ng-show="dispatched_show_flag.MoUser_Defined03"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined04" ng-show="dispatched_show_flag.MoUser_Defined04"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined05" ng-show="dispatched_show_flag.MoUser_Defined05"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined11" ng-show="dispatched_show_flag.MoUser_Defined11"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined12" ng-show="dispatched_show_flag.MoUser_Defined12"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined13" ng-show="dispatched_show_flag.MoUser_Defined13"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined21" ng-show="dispatched_show_flag.MoUser_Defined21"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined22" ng-show="dispatched_show_flag.MoUser_Defined22"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined23" ng-show="dispatched_show_flag.MoUser_Defined23"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PRODUCTTYPE" ng-show="dispatched_show_flag.PRODUCTTYPE"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SpecNo" ng-show="dispatched_show_flag.SpecNo"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.GRAPHNO" ng-show="dispatched_show_flag.GRAPHNO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdDescription" ng-show="dispatched_show_flag.PrdDescription"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.CartonQty" ng-show="dispatched_show_flag.CartonQty"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PalletQty" ng-show="dispatched_show_flag.PalletQty"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BoxQty" ng-show="dispatched_show_flag.BoxQty"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ProductCode" ng-show="dispatched_show_flag.ProductCode"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SerialTypeNo_LOT" ng-show="dispatched_show_flag.SerialTypeNo_LOT"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SerialTypeNo_COMP" ng-show="dispatched_show_flag.SerialTypeNo_COMP"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTSTDQty" ng-show="dispatched_show_flag.LOTSTDQty"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined01" ng-show="dispatched_show_flag.PrdUser_Defined01"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined02" ng-show="dispatched_show_flag.PrdUser_Defined02"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined03" ng-show="dispatched_show_flag.PrdUser_Defined03"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined04" ng-show="dispatched_show_flag.PrdUser_Defined04"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined05" ng-show="dispatched_show_flag.PrdUser_Defined05"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined11" ng-show="dispatched_show_flag.PrdUser_Defined11"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined12" ng-show="dispatched_show_flag.PrdUser_Defined12"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined13" ng-show="dispatched_show_flag.PrdUser_Defined13"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined21" ng-show="dispatched_show_flag.PrdUser_Defined21"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined22" ng-show="dispatched_show_flag.PrdUser_Defined22"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined23" ng-show="dispatched_show_flag.PrdUser_Defined23"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.QCCategory" ng-show="dispatched_show_flag.QCCategory"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ProductPCSNo" ng-show="dispatched_show_flag.ProductPCSNo"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MPQty" ng-show="dispatched_show_flag.MPQty"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTPriority" ng-show="dispatched_show_flag.LOTPriority"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.HotLot" ng-show="dispatched_show_flag.HotLot"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTDescription" ng-show="dispatched_show_flag.LOTDescription"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTplanstartdate" ng-show="dispatched_show_flag.LOTplanstartdate"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PriceType" ng-show="dispatched_show_flag.PriceType"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BaseProcessNo" ng-show="dispatched_show_flag.BaseProcessNo"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BaseProcessVersion" ng-show="dispatched_show_flag.BaseProcessVersion"></div>


                <!-- <div class="kmi-list__column" style="flex:0 0 36px;">
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollback($index,detail);">
                        <img ng-show="detail.checked!='Y'" src="image/icons/check0.png"></img>
                        <img ng-show="detail.checked=='Y'" src="image/icons/check1.png"></img>
                    </button>
                </div> -->
            </div>
        </div>
        <div id="sortablelist">
            <!-- 20211217 modify by Alan for#104583 : 刪除last_date與next_date -->
            <div class="kmi-list__row" ng-repeat="detail in dispatched_detail |filter:{'states': '0'} track by $id(detail)">
                <div class="kmi-list__column" style="flex:0 0 28px;">
                    <div class="kmi-list__column-left-btn">
                        <button class="sortable-btn mdl-button mdl-js-button mdl-button--icon">
                            <img src="image/icons/change_h.png"></img>
                        </button>
                    </div>
                </div>
                <div class="kmi-list__column" style="flex:0 0 32px;"><div class="kmi-column-light" ng-class="[mwlightColor(detail.states)]"></div></div>
                <div class="kmi-list__column" style="flex:0 0 36px;">
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollback($index,detail);">
                        <img ng-show="detail.checked!='Y'" src="image/icons/check0.png"></img>
                        <img ng-show="detail.checked=='Y'" src="image/icons/check1.png"></img>
                    </button>
                </div>
                <div class="kmi-list__column" style="flex:0 0 36px;" id="{{'detail' + $index}}" ng-mouseenter="showDispatchTips(detail, $event, $index)" ng-mouseleave="hideDispatchTips(detail, $event)" ng-show="dispatchedMoreInfoList.length > 0">
                    <button class="mdl-button mdl-js-button mdl-button--icon"
                            style="width: 24px; background: #1ab7cd; border-radius: 4px;">
                            <img src="image/icons/mould.png"></img>
                        <div class="kmi-can-click"></div>
                    </button>
                </div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.op_no" ng-show="dispatched_show_flag.op_no"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.op_name" ng-show="dispatched_show_flag.op_name"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.wo_no" ng-show="dispatched_show_flag.wo_no"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_no" ng-show="dispatched_show_flag.plot_no"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_qty" ng-show="dispatched_show_flag.plot_qty"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.uncheck_in_qty" ng-show="dispatched_show_flag.uncheck_in_qty"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.tmp_plot_start_time" ng-show="dispatched_show_flag.plot_start_time"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.tmp_plot_end_time" ng-show="dispatched_show_flag.plot_end_time"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 250px;" ng-show="dispatched_show_flag.dis_start_time">
                    <div class="kmi-text-fields" style="padding:4px;">
                        <label ng-bind="detail.dis_start_date"></label>
                        <input readonly="readonly" ng-model="detail.dis_start_time" ng-click="time_open_set($event,detail,detail.dis_start_time,4);" style="max-width:100px;margin: 0em 1em;">
                    </div>
                </div>
                <div class="kmi-list__column column-border" style="flex:0 0 250px;" ng-show="dispatched_show_flag.disp_end_time">
                    <div class="kmi-text-fields" style="padding:4px;">
                        <label ng-bind="detail.dis_end_date"></label>
                        <input readonly="readonly" ng-model="detail.dis_end_time" ng-click="time_open_set($event,detail,detail.dis_end_time,5);" style="max-width:100px;margin: 0em 1em;">
                    </div>
                </div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.item_no" ng-show="dispatched_show_flag.item_no"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.item_name" ng-show="dispatched_show_flag.item_name"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-show="dispatched_show_flag.batch_mark">
                    <div class="kmi-text-fields kmi-tag-fields" ng-show="detail.batch_mark">
                        <div class="kmi-button-content">
                            <div class="kmi-button">
                                <label ng-bind="detail.batch_mark"></label>
                                <i class="material-icons" ng-click="deleteBatchMergeMark(detail);">close</i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.item_spec" ng-show="dispatched_show_flag.item_spec"></div>

                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.tc_rate + '%'" ng-show="dispatched_show_flag.tc_rate"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.tc_rate_for_all + '%'" ng-show="dispatched_show_flag.tc_rate_for_all"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.c_rate_for_all + '%'" ng-show="dispatched_show_flag.c_rate_for_all"></div>

                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.mono_date" ng-show="dispatched_show_flag.mono_date"></div>

                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOplanstartdate" ng-show="dispatched_show_flag.MOplanstartdate"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.CUSTOMERNO" ng-show="dispatched_show_flag.CUSTOMERNO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.RONO" ng-show="dispatched_show_flag.RONO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ITEMNO" ng-show="dispatched_show_flag.ITEMNO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOPRIORITY" ng-show="dispatched_show_flag.MOPRIORITY"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOUNITNO" ng-show="dispatched_show_flag.MOUNITNO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoDescription" ng-show="dispatched_show_flag.MoDescription"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoSource" ng-show="dispatched_show_flag.MoSource"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.FACTORYNO" ng-show="dispatched_show_flag.FACTORYNO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.StockInLotNo" ng-show="dispatched_show_flag.StockInLotNo"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.Warehouse_No" ng-show="dispatched_show_flag.Warehouse_No"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.Storage_Spaces_No" ng-show="dispatched_show_flag.Storage_Spaces_No"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ERPMoLineNo" ng-show="dispatched_show_flag.ERPMoLineNo"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined01" ng-show="dispatched_show_flag.MoUser_Defined01"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined02" ng-show="dispatched_show_flag.MoUser_Defined02"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined03" ng-show="dispatched_show_flag.MoUser_Defined03"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined04" ng-show="dispatched_show_flag.MoUser_Defined04"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined05" ng-show="dispatched_show_flag.MoUser_Defined05"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined11" ng-show="dispatched_show_flag.MoUser_Defined11"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined12" ng-show="dispatched_show_flag.MoUser_Defined12"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined13" ng-show="dispatched_show_flag.MoUser_Defined13"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined21" ng-show="dispatched_show_flag.MoUser_Defined21"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined22" ng-show="dispatched_show_flag.MoUser_Defined22"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined23" ng-show="dispatched_show_flag.MoUser_Defined23"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PRODUCTTYPE" ng-show="dispatched_show_flag.PRODUCTTYPE"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SpecNo" ng-show="dispatched_show_flag.SpecNo"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.GRAPHNO" ng-show="dispatched_show_flag.GRAPHNO"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdDescription" ng-show="dispatched_show_flag.PrdDescription"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.CartonQty" ng-show="dispatched_show_flag.CartonQty"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PalletQty" ng-show="dispatched_show_flag.PalletQty"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BoxQty" ng-show="dispatched_show_flag.BoxQty"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ProductCode" ng-show="dispatched_show_flag.ProductCode"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SerialTypeNo_LOT" ng-show="dispatched_show_flag.SerialTypeNo_LOT"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SerialTypeNo_COMP" ng-show="dispatched_show_flag.SerialTypeNo_COMP"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTSTDQty" ng-show="dispatched_show_flag.LOTSTDQty"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined01" ng-show="dispatched_show_flag.PrdUser_Defined01"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined02" ng-show="dispatched_show_flag.PrdUser_Defined02"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined03" ng-show="dispatched_show_flag.PrdUser_Defined03"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined04" ng-show="dispatched_show_flag.PrdUser_Defined04"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined05" ng-show="dispatched_show_flag.PrdUser_Defined05"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined11" ng-show="dispatched_show_flag.PrdUser_Defined11"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined12" ng-show="dispatched_show_flag.PrdUser_Defined12"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined13" ng-show="dispatched_show_flag.PrdUser_Defined13"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined21" ng-show="dispatched_show_flag.PrdUser_Defined21"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined22" ng-show="dispatched_show_flag.PrdUser_Defined22"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined23" ng-show="dispatched_show_flag.PrdUser_Defined23"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.QCCategory" ng-show="dispatched_show_flag.QCCategory"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ProductPCSNo" ng-show="dispatched_show_flag.ProductPCSNo"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MPQty" ng-show="dispatched_show_flag.MPQty"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTPriority" ng-show="dispatched_show_flag.LOTPriority"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.HotLot" ng-show="dispatched_show_flag.HotLot"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTDescription" ng-show="dispatched_show_flag.LOTDescription"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTplanstartdate" ng-show="dispatched_show_flag.LOTplanstartdate"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PriceType" ng-show="dispatched_show_flag.PriceType"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BaseProcessNo" ng-show="dispatched_show_flag.BaseProcessNo"></div>
                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BaseProcessVersion" ng-show="dispatched_show_flag.BaseProcessVersion"></div>


                <!--
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.from_op_no_completed_qty"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.from_op_no_dispatched_qty"></div>
                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.to_op_no_dispatched_qty"></div>
                -->
                <!-- <div class="kmi-list__column" style="flex:0 0 36px;">
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollback($index,detail);">
                        <img ng-show="detail.checked!='Y'" src="image/icons/check0.png"></img>
                        <img ng-show="detail.checked=='Y'" src="image/icons/check1.png"></img>
                    </button>
                </div> -->
            </div>
        </div>
    </div>
</div>